<!DOCTYPE html>


<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>地图导航</title>

    <style>
        *{
        margin:0;
        padding:0;
        }
        #container{
        width:100%;
        height:100vh;
        background-color:pink;
        }
    </style>
</head>

<body>

<!-- 网页内容将放置在这里 -->
<div id="container"></div>
<script type="text/javascript">
    window._AMapSecurityConfig = {
      securityJsCode: "dc934e74191e4a0b9ff00f6deccc9fbe",
    };
</script>
<script
        type="text/javascript"
        src="https://webapi.amap.com/maps?v=2.0&key=e743bb8259fb4b7242f787465530cbb7"
></script>
<script type="text/javascript">
    //地图初始化应该在地图容器div已经添加到DOM树之后
    var map = new AMap.Map("container", {
      zoom: 12,
      center:[],//地图中心点坐标
    });
</script>
</body>

</html>